<template>
  <div class="login-item">
    <a @click="showLogin">登录</a>
    <span>/</span>
    <router-link to="/signup" tag="a">学生注册</router-link>
  </div>
</template>

<script>
export default {
  methods: {
    showLogin() {
      this.$store.dispatch("login/toggleLogin");
    }
  }
};
</script>

<style lang="scss" scoped>
@import "@/style/common.scss";
.login-item {
  a {
    color: $fontColor;
    text-decoration: none;
    cursor: pointer;
    padding: 10px;
    &:hover {
      color: #67c23a;
    }
  }
}
</style>